$(document).ready(function(){

$('acronym').hover(function(e){

var tip = $(this).attr('title'); //Grab the title attribute's value and assign it to a variable
var imgh = 'http://3.bp.blogspot.com/-CxjHF1hN1Xs/UlIWobacRXI/AAAAAAAAFKA/r7tIlr4JB0s/s1600/icon_help.png'; //Call the image by variable to reduce load time (not important)
$(this).attr('title', ''); //Remove the title attribute's to avoid the native tooltip from the browser

//Change the default cursor to "help" when hovered and append the tooltip element and its value
$(this).css('cursor', 'help').append('<div id="toolpik"><div id="upzzzz">' + tip + '</div><img class="absol" src="' + imgh + '" alt="upzzzz" /><div style="clear:both;" /></div>');

$('#toolpik').stop(true, true).delay(600).fadeIn(1000, "easeOutQuad"); //Show with fadeIn effect

//Animate the top and right position follow the mouse pointer position
$('#toolpik').delay(600).animate({top: e.clientY - 50, left: e.clientX - 170}, {duration:2000, easing:"easeOutBack"}).animate({top:e.clientY - 20}, 400);
}, function(e){

var bringBack = $('#toolpik').html(); //Put back the title attribute's value
$(this).attr('title',bringBack);

$('#toolpik').remove(); //Remove the appended toolpik

});

});